你会使用css锚点么

来源:网络整理作者: 发布时间:2020-12-19 07:08

CSS教程：本文为大家介绍了css锚点的相关知识，希望可以对大家有所帮助。...

CSS锚点使用有两种方法，我建议使用下面这种：

<a href='#one'>到达第一个锚点</a> <a href='#two'>到达第二个锚点</a> <div id='one' style='margin:top:-100px;padding-top:100px'> <div >我是第一个需要滚动的内容</div> <div id='two' style='margin:top:-100px;padding-top:100px'> <div >我是第二个需要滚动的内容</div>

这样就可以达到滚动后距离顶部200px的效果。而不影响原页面的样式。

以上就是你会使用css锚点么的详细内容，更多请关注聚合云库其它相关文章！

你会使用css锚点么

但有时我们的需求并不是让它滚动到窗口顶部。可能要他距离顶部有一定的距离。这时候可以由以下方法解决。

<a href='#one'>到达第一个锚点</a> <a href='#two'>到达第二个锚点</a> <div id='one'>我是第一个锚点</div> <div id='two'>我是第一个锚点</div>

这样当我们点击A链接时，对应的DOM节点就会滚动到窗口顶部。

（推荐教程：CSS教程）

相关热词： CSS

本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规！

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/5508.shtml

上一篇：css中的“计算属性”是什

下一篇：css实现一个简单的扁平化

用react的ReactCSSTransitionGroup插件	当你自己回头来看你写的这些
我们直接看代码： !DOCTYPE htm	那么使用 CSS3 新增的选择器无
微软IE9平台预览版完整支持H	IE9正式版无论从性能提升还是
CSS3东西最新资讯	各路人马对它的热情都极为高
中联重科CSS3混凝土喷射机器手	CSS3与页面机关进修总结（二）
四、id选择器（#ID） ID选择器	谈谈一些有趣的CSS题目（十）
在全局:root{ }伪类中定义了一个	CSS3与页面机关进修总结（七）
而不是元素本身	在使用有厂商前缀的样式时